<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/flightbook.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>

    <script>
        $(function () {
            var div = $(".person-item").html();
            var a = 1;
            $(".person-add").click(function () {
                console.log(div);
                $(".person-item").append(div);

            });

            $("#delayInsureBtn").click(function () {
                if ($(this).hasClass("item on")) {
                    $(this).removeClass("item on");mmnmmjn
                } else {
                    $(this).removeClass("item");
                    $(this).addClass("item on");
                }
            });
        })


    </script>
</head>


<body>
<#assign currentNav="flight">
<#include "../common/navbar.ftl">

<div class="container">
    <div class="main-form">
        <div class="form-item form-person">
            <div class="item-hd">
                <h2>乘机人</h2>
            </div>
            <div class="person-item ng-scope" ng-repeat="one in psgerResultList track by $index">
                <div class="p-name">
                    <div class="form-sec form-sec-drop form-sec-focus" ng-attr-id="{{ 'psger-type-item-' + one.id }}"
                         id="psger-type-item-0">
                        <label>乘机人类型</label>
                        <input type="text" readonly="readonly" ng-model="psgerTypeName[one.passenger_type]"
                               class="ng-pristine ng-valid">
                        <div class="arr-icon"><i></i></div>
                        <div class="drop-list">
                            <ul>
                                <li ng-click="selectPsgerType(one, '1')">成人</li>
                                <li ng-click="selectPsgerType(one, '2')">儿童(2-12岁)</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-sec w440" ng-attr-id="{{ 'psger-name-item-' + one.id }}" id="psger-name-item-0">
                        <label>姓名</label>
                        <input class="ng-scope ng-pristine ng-valid"
                               type="text" placeholder="与登机所持证件中的姓名一致"
                               ng-model="one.passenger_name"
                               ng-blur="nameMouseup(one)"
                               ng-if="one.default_identity.id_type != 2">
                        <div class="info-tips">
                            <i></i>
                            <div class="f-pop">
                                <span class="pop-arrow"></span>
                                1. 请您严格按照办理登记手续时所持有效证件上的姓名填写。<br>
                                2. 如果您的姓名中含有生僻字或繁体字，请用拼音代替生僻字（如：陶喆喆，请填写‘陶zhezhe’）。<br>
                                3. 少数民族乘客可不输入姓名中的符号点。<br>
                                4. 持护照或使用英文名的乘客，须按照护照或所持证件上的顺序填写姓名且不区分大小写，并将姓与名用/分割（姓/名）。<br>
                                5. 姓名过长时请使用缩写（中文名不超过12个汉字；英文名不超过29个字母，包括空格和/）。<br>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="p-id">
                    <div class="form-sec form-sec-drop form-sec-focus" ng-click="selectIdTypeView(one)">
                        <label>证件类型</label>
                        <input type="text" readonly="readonly" ng-attr-id="{{ 'psger-id-type-name-' + one.id }}"
                               ng-model="idTypeName[one.default_identity.id_type]" class="ng-pristine ng-valid"
                               id="psger-id-type-name-0">
                        <div class="arr-icon"><i></i></div>
                        <div class="drop-list" ng-attr-id="{{ 'psger-id-type-' + one.id }}" id="psger-id-type-0">
                            <!-- ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">身份证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">护照
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">港澳通行证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">台湾通行证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">军官证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">士兵证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">台胞证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">其他
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">回乡证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                            <ul ng-repeat="idItem in idTypeList" class="ng-scope">
                                <li ng-bind="idItem.id_type_name" ng-click="selectIdType(one, idItem)"
                                    class="ng-binding">港澳台居住证
                                </li>
                            </ul><!-- end ngRepeat: idItem in idTypeList -->
                        </div>
                    </div>
                    <div class="form-sec w440" ng-attr-id="{{ 'psger-id-no-' + one.id }}" id="psger-id-no-0">
                        <label>证件号码</label>
                        <input class="ng-pristine ng-valid" type="text" placeholder="证件号码"
                               ng-model="one.default_identity.id_no" ng-blur="idNoMouseup(one)">
                    </div>
                </div>

                <div class="p-id" style="margin-top: 10px;display: none"
                     ng-attr-id="{{ 'psg-id-birth-view-' + one.id }}" id="psg-id-birth-view-0">
                    <div class="form-sec form-sec-drop">
                        <label>性别</label>
                        <input type="text" readonly="readonly" ng-model="psgerSexName[one.sex]"
                               class="ng-pristine ng-valid">
                        <div class="arr-icon"><i></i></div>
                        <div class="drop-list">
                            <ul>
                                <li ng-click="selectPsgerSex(one, '1')">男</li>
                                <li ng-click="selectPsgerSex(one, '2')">女</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-sec w440" ng-click="showCalendar(one)"
                         ng-attr-id="{{ 'psg-id-birth-label-' + one.id }}" id="psg-id-birth-label-0">
                        <label>出生日期</label>
                        <input class="ng-pristine ng-valid" type="text" readonly="readonly"
                               ng-attr-id="{{ 'psg-id-birth-' + one.id }}" ng-model="one.birth" id="psg-id-birth-0">
                    </div>
                </div>
                <span class="btn-delete" ng-click="deletePsger(one)"></span>
            </div>
            <div class="person-add">
                <a ng-click="addPsgerView()">+添加乘机人</a>
            </div>
        </div>
        <div class="form-item form-insure ng-scope" ng-if="insuranceShow">
            <div class="item-hd"><h2>保险</h2></div>
            <ul class="clearfix">
                <li>
                    <div class="item" id="delayInsureBtn" ng-click="clickDelayInsure()">
                        <span class="c1">航空延误险：</span>
                        <span class="c2">￥30/份×1</span>
                        <span class="c3">最高赔付300元</span>
                        <i class="i-selected"></i>
                    </div>
                    <div class="question-tips">
                        <i></i>
                        <div class="f-pop">
                            <span class="pop-arrow"></span>
                            延误险说明<br>
                            <p>1. 保障项目及保障金额：<br>航班到达延误3小时及以上300元；<br>航班备降、返航300元；<br>航班被取消100元；<br>延误、返航、备降、取消不可以兼赔</p>
                            <p>2. 险种信息：<br>保险公司：阳光财产保险股份有限公司<br>全国统一客服专线： 95510，该产品由华泰保险经纪有限公司进行销售</p>
                            <p>3. 被保人年龄范围<br>0-85周岁（0岁指出生满90天并健康出院），同一被保险人同一航段只能购买一份<br>不保人群：<br>不保人群无特殊约定。</p>
                            <p>4. 退改政策：<br>用户在飞机场改签后，请及时在马蜂窝客服中心报备。如没有及时通知，保险还是原航班生效，一旦出险，后果自行承担；<br>
                                保险生效后不允许退保，保单生效前可以退保，但不允许单独退保，用户在飞机场退票后，请及时在马蜂窝客服中心联系客服退保；<br>理赔流程：<br>出险后拨打阳光财险全国统一客服专线95510报案。
                            </p>
                            <p>5. 保单查询说明：<br><a
                                        href="http://wecare.sinosig.com/common/new_customerservice/html/baodanfuwu/dzbd_index.html"
                                        target="_blank">点击查看</a>
                            </p>
                            <p>6. 客户告知书：<br>
                                <a href="https://bigfile1.mafengwo.net/s11/M00/16/C3/wKgBEFqnoHCAJQW1AAIFfL8WnVo811.pdf"
                                   target="_blank">点击查看</a>
                            </p>
                            <p>7. 授权委托书：<br>
                                <a href="https://bigfile.mafengwo.net/s11/M00/17/02/wKgBEFqnoKyAQVMbAAEdDZbLbFI683.pdf"
                                   target="_blank">点击查看</a>
                            </p>
                            <p>8. 保险条款<br>具体保险责任及其它未尽事宜请以保险条款为准</p>
                            <p>9. 声明<br>马蜂窝所有保险均由依法设立的保险公司提供，马蜂窝仅提供平台展示，而非保险公司的代理人，本站所载保险 阳光保险
                                及中国人民保险产品均由华泰保险经纪有限公司负责承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item" id="accidentInsureBtn" ng-click="clickAccidentInsure()">
                        <span class="c1">航空意外险：</span>
                        <span class="c2">￥30/份×1</span>
                        <span class="c3">最高赔付260万</span>
                        <i class="i-selected"></i>
                    </div>
                    <div class="question-tips">
                        <i></i>
                        <div class="f-pop">
                            <span class="pop-arrow"></span>
                            航意险说明<br>
                            <p>1. 保障项目及保障金额：<br>意外伤害和医疗保障：<br>意外身故、残疾 3000000RMB<br>意外医疗 100000RMB<br>紧急医疗转运和送返、身故遗体/骨灰送返
                                20000元</p>
                            <p>2. 险种信息：<br>保险公司：阳光财产保险股份有限公司<br>全国统一客服专线： 95510，该产品由华泰保险经纪有限公司进行销售</p>
                            <p>3. 被保人年龄范围<br>90天-85岁。<br>不保人群：<br>不保人群无特殊约定。<br>特别约定：<br>1)
                                71至85周岁的被保险人，其"身故、残疾保障"的保险金额为保单所载金额的一半；<br>
                                2) 未成年人（未满18周岁为未成年人）的保险责任与成年人保险责任一致，未成年人身故保额不超过最新监管要求；</p>
                            <p>4. 退改政策：<br>保险生效后不允许退保，保单生效前可以退保。<br>理赔流程：<br>出险后拨打阳光财险全国统一客服专线95510报案。</p>
                            <p>5. 保单查询说明：<br><a
                                        href="http://wecare.sinosig.com/common/new_customerservice/html/baodanfuwu/dzbd_index.html"
                                        target="_blank">点击查看</a>
                            </p>
                            <p>6. 客户告知书：<br>
                                <a href="https://bigfile1.mafengwo.net/s11/M00/16/C3/wKgBEFqnoHCAJQW1AAIFfL8WnVo811.pdf"
                                   target="_blank">点击查看</a>
                            </p>
                            <p>7. 授权委托书：<br>
                                <a href="https://bigfile.mafengwo.net/s11/M00/17/02/wKgBEFqnoKyAQVMbAAEdDZbLbFI683.pdf"
                                   target="_blank">点击查看</a>
                            </p>
                            <p>8. 保险条款<br>具体保险责任及其它未尽事宜请以保险条款为准</p>
                            <p>9. 声明<br>马蜂窝所有保险均由依法设立的保险公司提供，马蜂窝仅提供平台展示，而非保险公司的代理人，本站所载保险 阳光保险
                                及中国人民保险产品均由华泰保险经纪有限公司负责承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务。</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div><!-- end ngIf: insuranceShow -->


        <div class="form-item form-person">
            <div class="item-hd">
                <h2>联系人</h2>
                <span class="txt-gray">接收航班信息</span>
            </div>
            <div class="contact ng-hide" id="buyer_list" ng-show="buyerList.length > 0">
                <ul>
                    <!-- ngRepeat: one in showBuyerList -->
                </ul>
                <a id="more_buyer" class="toggle ng-hide" href="javascript:;" ng-click="moreBuyer()"
                   ng-show="buyerList.length > 7"><i></i>更多</a>
            </div>
            <div class="form-sec form-sec-block w290" id="buyer_name" style="margin-top: 10px;">
                <label>姓名</label>
                <input class="ng-pristine ng-valid" type="text" placeholder="请输入您的姓名" ng-model="buyer.buyer_name">
            </div>
            <div class="form-sec form-sec-block" id="buyer_phone">
                <div class="form-sec w290 col_code">
                    <label>手机号码</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="接收航班信息" ng-model="buyer.buyer_phone">
                    <!-- ngIf: show_send_button --><em ng-if="show_send_button" ng-click="sendAuthCode()"
                                                       class="ng-scope">发送验证码</em><!-- end ngIf: show_send_button -->
                    <!-- ngIf: show_timeout_info -->
                </div>
                <!-- ngIf: auth_code_div -->
                <div class="form-sec w290 ng-scope" ng-if="auth_code_div">
                    <label>验证码</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="验证码" ng-model="buyer.auth_code">
                </div><!-- end ngIf: auth_code_div -->
            </div>
        </div>
        <div class="form-item form-invoice">
            <div class="item-hd"><h2>报销凭证</h2><span class="txt-gray">航班起飞后7天内为您安排邮寄</span></div>
            <div class="radio-block" ng-click="showInvoice(2)">
                <span class="radio-icon" id="invoice_type2"><i></i><input type="radio"></span><strong>需要发票</strong>(如果行程单与您支付金额有差额，我们会为您开具差额发票)
            </div>
            <div class="extend" style="display: none;" id="invoice_info">
                <div class="form-sec form-sec-block w590">
                    <label>收件人</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="请填写真实姓名" id="invoice_name"
                           ng-model="invoice_info.name">
                </div>
                <div class="form-sec form-sec-block w590">
                    <label>地址</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="请填接收发票的地址" id="invoice_addr"
                           ng-model="invoice_info.addr">
                </div>
                <div class="form-sec form-sec-block w590">
                    <label>发票抬头</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="请填写发票抬头" id="invoice_title"
                           ng-model="invoice_info.title">
                </div>
                <div class="form-sec form-sec-block w590">
                    <label>税号</label>
                    <input class="ng-pristine ng-valid" type="text" placeholder="请填写税号" id="invoice_tax_number"
                           ng-change="filterTaxNumber()" ng-model="invoice_info.tax_number">
                </div>
            </div>
        </div>
        <div class="form-item form-coupon">
            <div class="coupon" id="select_coupon_btn" ng-click="clickCouponDiv()">
                <p><i></i>使用优惠券</p>
                <!-- ngIf: selectedCoupon.use == true -->
            </div>
            <div class="coupon-pop" style="display:none;">

                <div class="">
                    <div class="cop-cont" id="coupon_list" style="display:block;">
                        <!-- ngIf: couponList && couponList.length > 0 -->
                        <!-- ngIf: showEmptyCouponView -->
                        <div class="not-coupon ng-scope" ng-if="showEmptyCouponView">您暂时没有可用的优惠券</div>
                        <!-- end ngIf: showEmptyCouponView -->
                    </div>
                </div>
                <div class="btn-cop">
                    <a href="javascript:;" id="using_coupon" ng-click="useCoupon()">立即使用</a>
                    <a href="javascript:;" class="unt" id="cancel_using_coupon"
                       ng-click="cancelUsingCoupon()">不使用优惠券</a>
                </div>
            </div>
        </div>

        <div class="form-action"><a href="javascript:;" ng-click="submitOrder()">提交订单</a></div>
    </div>
    <div class="book-info">
        <div class="f-info">
            <div class="hd">
                <span class="date ng-binding" ng-bind="seat_result_go.dep_date">2019-08-28</span> <span
                        class="week ng-binding" ng-bind="goDepartWeek">周三</span>
                <span class="place"><d ng-bind="departCity" class="ng-binding">广州</d><i> - </i><d ng-bind="destCity"
                                                                                                  class="ng-binding">北京</d></span>
            </div>
            <div class="bd">
                <div class="col1">
                    <div class="time ng-binding" ng-bind="seat_result_go.dep_time">21:55</div>
                    <div class="airport ng-binding" ng-bind="seat_result_go.org_airport_full_name">白云机场T2</div>
                    <div class="other ng-binding" ng-bind="seat_info_go.name">经济舱</div>
                </div>
                <div class="col2">
                    <div class="time-cost">
                        <div class="line"><span ng-bind="go_taking_time" class="ng-binding">3小时15分钟</span></div>
                    </div>
                    <p ng-bind="goAirline" class="ng-binding">南航CZ3165</p>
                    <!-- ngIf: seat_result_go.flight_share -->
                    <div class="other">
                        <p class="stay ng-hide" ng-show="stop_infos_go"><span>经停</span>
                            <d ng-bind="stop_infos_go[0].city_name" class="ng-binding"></d>
                        </p>
                        <!-- ngRepeat: one in stop_infos_go -->
                    </div>
                </div>
                <div class="col3">
                    <div class="time ng-binding" ng-bind="seat_result_go.arr_time">01:10</div>
                    <div class="airport ng-binding" ng-bind="seat_result_go.dst_airport_full_name">首都机场T2</div>
                    <div class="other">
                        <p class="policy">退改签行李额规则及供应商信息</p>
                        <div class="f-pop f-pop-policy">
                            <i class="pop-arrow"></i>
                            <ul>
                                <li><span>签转规定</span>：
                                    <d ng-bind="seat_info_go.provision_info.endorse_text" class="ng-binding">不可签转</d>
                                </li>
                                <li><span>改期规定</span>：
                                    <d ng-bind="seat_info_go.provision_info.rebook_text" class="ng-binding">
                                        航班起飞前168小时之前,改期手续费为69元;航班起飞前48小时之前,改期手续费为205元;航班起飞前4小时之前,改期手续费为341元;航班起飞前4小时之后,改期手续费为477元
                                    </d>
                                </li>
                                <li><span>退票规定</span>：
                                    <d ng-bind="seat_info_go.provision_info.refund_text" class="ng-binding">
                                        航班起飞前168小时之前,退票手续费为307元;航班起飞前48小时之前,退票手续费为443元;航班起飞前4小时之前,退票手续费为647元;航班起飞前4小时之后,只退机建和燃油
                                    </d>
                                </li>
                                <!-- ngIf: seat_info_go.supplierName -->
                                <li ng-if="seat_info_go.supplierName" class="ng-scope"><span>供应商</span>：
                                    <d class="ng-binding">湖南就走软件科技有限公司</d>
                                </li><!-- end ngIf: seat_info_go.supplierName -->
                                <!-- ngIf: seat_info_go.supplierIATANumber -->
                                <li ng-if="seat_info_go.supplierIATANumber" class="ng-scope"><span>IATA号</span>：
                                    <d class="ng-binding">08331912</d>
                                </li><!-- end ngIf: seat_info_go.supplierIATANumber -->
                                <li class="tips">以上手续费按每笔订单中每个出行人单独计算。</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <span class="plus ng-binding" ng-show="goTakingDays" ng-bind="goTakingDays">+1天</span>
            </div>
        </div>
        <div class="total-price">
            <h3>订单总价<span class="s-num">数量</span><span class="s-price">金额</span></h3>
            <ul>
                <li ng-if="psgerResultList.length - psgerChildNums > 0" class="ng-scope">
                    成人机票
                    <span class="s-num">x<d ng-bind="psgerResultList.length - psgerChildNums"
                                            class="ng-binding">?</d></span>
                    <span class="s-price ng-scope" ng-if="type == 'oneWay'">￥<d
                                ng-bind="settle_price_go" class="ng-binding">683</d></span>
                </li>
                <li ng-if="psgerResultList.length - psgerChildNums > 0" class="ng-scope">
                    (成人)机建＋燃油
                    <span class="s-num">x<d
                                ng-bind="type == 'roundWay' ? (psgerResultList.length-psgerChildNums)*2 : (psgerResultList.length-psgerChildNums)"
                                class="ng-binding">1</d></span>
                    <span class="s-price">¥<d
                                ng-bind="seat_result_go.airport_tax_audlet*1 + seat_result_go.fuel_tax_audlet*1"
                                class="ng-binding">50</d>/人/单程</span>
                </li><!-- end ngIf: psgerResultList.length - psgerChildNums > 0 -->
                <!-- ngIf: psgerChildNums > 0 -->
                <li ng-show="containAccidentInsure" class="ng-hide">
                    航空意外险<span class="s-num">x<d ng-bind="psgerResultList.length" class="ng-binding">1</d></span>
                    <!-- ngIf: type == 'roundWay' -->
                    <!-- ngIf: type == 'oneWay' --><span class="s-price ng-scope" ng-if="type == 'oneWay'">¥30/人</span>
                    <!-- end ngIf: type == 'oneWay' -->
                </li>
                <!-- ngIf: containDelayInsure -->
                <li ng-show="needInvoice" class="ng-hide">邮寄行程单/发票<span class="s-num">x1</span><span class="s-price">￥<d
                                ng-bind="invoicePrice" class="ng-binding">20</d></span></li>
                <li ng-show="getCouponPrice() > 0" class="ng-hide">优惠券<span class="s-num">x1</span><span
                            class="s-price">-¥<d ng-bind="getCouponPrice()" class="ng-binding">0</d></span></li>
            </ul>
            <div class="total">
                应付总额：<span class="price s-pull ng-binding" ng-bind="getPaymentPrice()">733</span>
            </div>
        </div>
        <div class="popup-box new-popbox popbox-load" id="submitOrderLoading" style="display: none;">
            <div class="pop-ico">
                <i></i>
            </div>
            <div class="pop-ctn">
                <p class="hd">正在生成订单</p>
            </div>
        </div>
    </div>
</div>

<#include "../common/footer.ftl">
</body>
</html>